<template>
    <a-list class="wrap" bordered>
        <a-list-item>
            <h4 class="title">
                <slot name="title"></slot>
            </h4>
            <slot name="content"></slot>
        </a-list-item>
        <div slot="footer" style="text-align: right">
            <a-popconfirm title="确定要重置吗？" @confirm="$emit('reset')" okText="确定" cancelText="取消">
                  <a-button type="primary" ghost style="margin-right: 20px">重置</a-button>
            </a-popconfirm>
            <a-button :loading="uploading" type="primary" @click="$emit('save')">保存更新</a-button>
        </div>
    </a-list>
</template>
<script>
export default {
    props:{
        uploading:{
            type: Boolean,
            default: false
        }
    },
    name: 'CustomerForm',
    methods:{
        onClose() {
            console.log(12e43)
        }
    }
}
</script>
<style lang="less" scoped>
.wrap/deep/{
    margin-top: 30px;
    .ant-list-item{
        padding-top: 30px;
        display: block;
    }
}
.title{
    position: absolute;
    top: -12px;
    background: #fff;
    color: #999999;
}
</style>
